<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ex01.html</title>
	<link href="/thirdparty/Prism/prism.css" rel="stylesheet" type="text/css">
</head>
<body>
	<!-- 第一个例子 css -->
	<pre><code class="language-css">p { color: red }</code></pre>

	<!-- 第二个例子 javascript -->
	<pre><code class="language-javascript">
		function hello(){
			console.log('Hello World!');
		}
	</code></pre>

	<!-- 如果没有`pre`换行和空格都会被清除 -->
	<code class="language-javascript">
		function hello(){
			console.log('Hello World!');
		}
	</code>

	<!-- java的例子 -->
	<pre><code class="language-java">
		package com.wxg;
		public calss HelloWorld{
			public static void main(String[] args){
				System.out.println("Hello World!");
			}
		}
	</code></pre>

	<!-- line-highlight -->
	<pre data-line="2,6-9"><code class="language-java">
		package com.wxg;
		/**
		 * [line-highlight](http://prismjs.com/plugins/line-highlight/)
		 * `pre`中添加属性`data-line`, 可能的值有：
		 * 5
		 * 1-5
		 * 1,4
		 * 1-2,5,9-20
		 */
		public calss HelloWorld{
			public static void main(String[] args){
				System.out.println("Hello World!");
			}
		}
	</code></pre>

	<!-- line-numbers -->
	<pre class="line-numbers"><code class="language-java">
		package com.wxg;
		/**
		 * [line-numbers](http://prismjs.com/plugins/line-numbers/)
		 * `pre`中添加属性`data-start`，默认从1开始。
		 */
		public calss HelloWorld{
			public static void main(String[] args){
				System.out.println("Hello World!");
			}
		}
	</code></pre>

	<!-- line-numbers + line-highlight -->
	<pre class="line-numbers" data-line="2" data-start="0"><code class="language-java">
		package com.wxg;
		/**
		 * [line-numbers](http://prismjs.com/plugins/line-numbers/)
		 * 
		 */
		public calss HelloWorld{
			public static void main(String[] args){
				System.out.println("Hello World!");
			}
		}
	</code></pre>

	<!-- File Highlight 需要服务器支持！ 以下两个例子要在服务器环境下才能正确展示！-->

	<!-- File Highlight -->
	<pre data-src="./res/HelloWorld.java"></pre>

	<!-- File Highlight + line-numbers + line-highlight -->
	<pre data-src="./res/HelloWorld.java" class="line-numbers" data-line="1" data-start="1"></pre>

	<script src="/thirdparty/Prism/prism.js" type="text/javascript"></script>
</body>
</html>